/**
* 模版
**/

<template>
  <div>
    <el-button size="small" style="float: right;" @click="$alert('功能正在测试')">获取比赛信息</el-button>
    <CRUD :stacolumn="column" :List="getlist" :Update="toUpdate" :Add="toAdd" :Delete="toDelete" :title="title"
      :dialogTitle="dialogTitle" :searchProp="searchProp" :searchText="searchText"></CRUD>
  </div>
</template>

<script>
// 导入组件
import temp from "../../components/template.vue";
import {
  List,
  Delete,
  Add,
  Update
} from '../../api/ItemMG.js'
// 导出模块
export default {
  // 模块名字

  // 模块数据
  data() {
    //数据
    return {
      // 面包屑标题
      title: '项目管理',
      // 数据表单标题
      dialogTitle: '项目设置',
      // 搜索字段的属性名
      searchProp: 'gameName',
      // 搜索框提示
      searchText: '搜索项目名',

      // CRUD方法
      getlist: function (page, pagesize) {
        return List(page, pagesize);
      },
      toUpdate: function (form) {
        return Update(form);
      },
      toDelete: function (id) {
        return Delete(id);
      },
      toAdd: function (form) {
        return Add(form);
      },

      // 表单结构设置
      column: [{
        label: 'id',
        prop: 'id',
        disable: true,
        tagType: 'input',
        type: "text",
      },
      {
        label: '项目名',
        prop: 'itemName',
        disable: false,
        tagType: 'input',
        type: "text",
      },
      {
        label: '限制人数',
        prop: 'maxPerson',
        disable: false,
        tagType: 'counter',
        type: "text"
      },
      {
        label: '项目类型',
        prop: 'type',
        disable: false,
        tagType: 'selector',
        type: "text",
        options: [{
          label: '田赛',
          value: 0
        }, {
          label: '径赛',
          value: 1
        }, {
          label: '团体赛',
          value: 2
        }]
      },
      {
        label: '成绩单位',
        prop: 'unit',
        disable: false,
        tagType: 'input',
        type: "text"
      },
      {
        label: '排序方式',
        prop: 'desc',
        disable: false,
        tagType: 'selector',
        type: "text",
        options: [{
          label: '升序',
          value: 0
        }, {
          label: '降序',
          value: 1
        }]
      }
      ],
    };
  },
  // 注册组件
  components: {
    "CRUD": temp
  },
  // 监听指定值，只有指定值变化，才会触发
  watch: {},
  // 里面的函数只有调用才会执行（实时计算）里面是定义的方法
  methods: {
    addFun() { },
    submitFun() { }
  },
  // 创建前状态(里面是操作)
  beforeCreate() { },
  // 创建完毕状态(里面是操作)
  created() { },
  // 挂载前状态(里面是操作)
  beforeMount() { },
  // 挂载结束状态(里面是操作)
  mounted() { },
  // 更新前状态(里面是操作)
  beforeUpdate() { },
  // 更新完成状态(里面是操作)
  updated() { },
  // 销毁前状态(里面是操作)
  beforeDestroy() { },
  // 销毁完成状态(里面是操作)
  destroyed() { }
};
</script>
// scoped 样式只在本组件使用
<style scoped>
/**
 * 导入css样式组件
 * @import "../assets/css/components/index.css";
 */
</style>
